<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <ui:composition template="/plantillas/plantillaPrincipal.xhtml">
        <ui:define name="contenido">
            <f:view>
                <h:form>
                    <h:panelGrid columns="1" style="width: 650px;margin: 0px auto;">
                        <p:commandButton id="btnNuevaFactur" action="#{MBCompraFacturaImportacion.nuevo()}" value="AGREGAR DOCUMENTO" ajax="false"/>
                    </h:panelGrid> 
                </h:form>
                <h:form>
                    <p:panel id="pnlBusquedaFactura" header="Consultar" style="width: 650px;margin: 0 auto;"  
                             toggleable="true" widgetVar="buscar" collapsed="#{BKCompraFacturacion.listaFacturasBusqueda ne null}" >

                        <p:panelGrid>
                            <p:row>
                                <p:column>
                                    <h:outputLabel id="lblNumeroFactura" value="NUMERO FACTURA: " class="lblBusqueda" />
                                </p:column>
                                <p:column>
                                    <p:inputText id="txtNumFactura" value="#{BKCompraFacturacion.facturaBusqueda.numeroFactura}" maxlength="6" style="width: 200px" />
                                </p:column>
                                <p:column>
                                    <h:outputText value="ESTADO: " class="lblBusqueda"/>
                                </p:column>
                                <p:column>
                                    <p:selectOneMenu value="#{BKCompraFacturacion.facturaBusqueda.estadoCancelacion}" style="width: 200px">   
                                        <f:selectItem itemLabel="Seleccione" itemValue="0"/> 
                                        <f:selectItem itemLabel="POR PAGAR" itemValue="E" />  
                                        <f:selectItem itemLabel="PAGADO" itemValue="P" />  
                                    </p:selectOneMenu> 
                                </p:column>
                            </p:row>

                            <p:row>
                                <p:column>
                                    <h:outputText value="PROVEEDOR: " class="lblBusqueda"/>
                                </p:column>
                                <p:column colspan="3">
                                    <p:inputText id="txtProveedor" value="#{BKCompraFacturacion.facturaBusqueda.idProveedor.razonSocial}" style="width: 100%"/>
                                </p:column>
                            </p:row>

                            <p:row>
                                <p:column>
                                    <h:outputLabel id="lblFechaInicio" value="DEL: " class="lblBusqueda"/>
                                </p:column>
                                <p:column>
                                    <p:calendar id="txtFechaInicio" locale="es" size="21"
                                                value="#{BKCompraFacturacion.fechaInicio}" 
                                                pattern="dd/MM/yyyy" 
                                                maxdate="#{BKCompraFacturacion.fechaFinal}"
                                                showOn="button" showButtonPanel="true" navigator="true">
                                        <p:ajax event="dateSelect" process="@this" update="txtFechaFinal" />
                                    </p:calendar>
                                </p:column>
                                <p:column>
                                    <h:outputLabel id="lblFechaFinal" value="AL: " class="lblBusqueda"/>
                                </p:column>
                                <p:column>
                                    <p:calendar id="txtFechaFinal" locale="es" size="21"
                                                value="#{BKCompraFacturacion.fechaFinal}" 
                                                pattern="dd/MM/yyyy"
                                                mindate="#{BKCompraFacturacion.fechaInicio}"
                                                showOn="button" showButtonPanel="true" navigator="true">
                                        <p:ajax event="dateSelect" process="@this" update="txtFechaInicio" />
                                    </p:calendar>
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column>
                                    <p:commandButton id="btnBuscarFactura" value="BUSCAR" update="btnBuscarFactura,dataTablaFactura"  
                                                     oncomplete="listaFactura.show();buscar.toggle()" style="font-size: 12px" styleClass="ui-priority-primary"
                                                     actionListener="#{MBCompraFacturacion.buscarListaFacturas}" />
                                </p:column>
                            </p:row>

                        </p:panelGrid>


                    </p:panel>
                    <p:panel id="pnlListaCuentas" header="Lista de Facturas" closable="true" style="width: 90%;margin: 10px auto" 
                             visible="#{(BKCompraFacturacion.listaFacturasBusqueda eq null)?false:true}" widgetVar="listaFactura" >
                        <p:dataTable id="dataTablaFactura" var="factura" widgetVar="carsTable"
                                     value="#{BKCompraFacturacion.listaFacturasBusqueda}"
                                     emptyMessage="No se encontraron facturas" filteredValue="" rowIndexVar="rowIndex"
                                     paginator="true" rows="20" paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} 
                                     {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}" rowsPerPageTemplate="20,40,60"
                                     scrollable="true" scrollHeight="250" style="width:100%" paginatorPosition="bottom" styleClass="datable-busqueda"> 

                            <f:facet name="header" >
                                <p:outputPanel layout="block" >
                                    <h:commandButton value="Exportar EXCEL">  
                                        <p:dataExporter type="xls" target="dataTablaFactura" fileName="facturaCompra" />  
                                    </h:commandButton>  

                                    <h:commandButton value="Exportar PDF">  
                                        <p:dataExporter type="pdf" target="dataTablaFactura" fileName="facturaCompra" />  
                                    </h:commandButton>
                                </p:outputPanel>

                            </f:facet>

                            <p:column id="idColumnaNum" headerText="Nº" style="width: 4%"> 
                                <h:outputText value="#{rowIndex+1}" /> 
                            </p:column>

                            <p:column id="idColumnaCodigoOrdenCS" sortBy="#{factura.idOrdenCompraServicio.codigo}" style="width: 11%"  > 
                                <f:facet name="header">  
                                    <h:outputText value="Orden Compra" />  
                                </f:facet>
                                <h:outputText value="#{factura.idOrdenCompraServicio.codigo}" /> 
                            </p:column>

                            <p:column id="idColumnaNumeroFactura" sortBy="#{factura.numeroFactura}" style="width: 9%" > 
                                <f:facet name="header">  
                                    <h:outputText value="Numero" />  
                                </f:facet>
                                <h:outputText value="#{factura.numeroFactura}" /> 
                            </p:column>

                            <p:column id="idColumnaProveedor" sortBy="#{factura.idProveedor.razonSocial}" style="width: 25%"   > 
                                <f:facet name="header">  
                                    <h:outputText value="Proveedor" />  
                                </f:facet>
                                <h:outputText value="#{factura.idProveedor.razonSocial}" /> 
                            </p:column>
                            
                            <p:column id="idColumnaTotal" sortBy="#{factura.total}" style="width: 10%"  > 
                                <f:facet name="header">  
                                    <h:outputText value="Total" />  
                                </f:facet>
                                <h:outputText value="#{factura.total}" > 
                                    <f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
                                </h:outputText>
                            </p:column>

                            <p:column id="idColumnaFechaEmision" sortBy="#{factura.fecEmision}" style="width: 10%"  > 
                                <f:facet name="header">  
                                    <h:outputText value="Fec. Emision" />  
                                </f:facet>
                                <h:outputText value="#{factura.fecEmision}" > 
                                    <f:convertDateTime pattern="dd/MM/yyyy" />
                                </h:outputText>
                            </p:column>

                            <p:column id="idColumnaEstado"
                                      sortBy="#{factura.estadoCancelacion}" style="width: 9%"  > 
                                <f:facet name="header">  
                                    <h:outputText value="Estado" />  
                                </f:facet>
                                <h:outputText value="#{factura.estadoCancelacion eq 80?'PAGADO':'POR PAGAR'}" /> 
                            </p:column>

                            <p:column id="idColumnaFechaCanc" style="width: 10%" 
                                      sortBy="#{factura.fecCancelacion}" > 
                                <f:facet name="header">  
                                    <h:outputText value="Fec. Pago" />  
                                </f:facet>
                                <h:outputText value="#{factura.fecCancelacion}" > 
                                    <f:convertDateTime pattern="dd/MM/yyyy" />
                                </h:outputText> 
                            </p:column>

                            <p:column id="idAccionesCuentaBancaria" headerText="Acciones" exportable="false" style="width: 10%"  >
                                <h:commandLink action="#{MBCompraFacturacion.ver()}" target="_blank">
                                    <p:commandButton icon="ui-icon-search" title="Ver"  />
                                    <f:setPropertyActionListener value="#{factura}" target="#{BKCompraFacturacion.facturaFormulario}" />  
                                </h:commandLink>
                                <p:commandButton icon="ui-icon-pencil" title="Editar" ajax="false" rendered="false"  action="#{MBCompraFacturaImportacion.editar()}" >
                                    <f:setPropertyActionListener value="#{factura}" target="#{BKCompraFacturacion.facturaFormulario}" />  
                                </p:commandButton>  
                                <p:commandButton id="btnEliminarBanco" title="Eliminar" icon="ui-icon-trash"  oncomplete="confirmarEliminar.show()"
                                                 rendered="#{factura.estadoCancelacion ne 80}">
                                    <f:setPropertyActionListener value="#{factura}" target="#{BKCompraFacturacion.facturaSeleccionada}" />
                                </p:commandButton>
                            </p:column>

                        </p:dataTable>	
                    </p:panel>

                    <p:confirmDialog id="dlgEliminarOrdenCompra" message="#{message['dialog.confirmacion.mensaje']}" 
                                     header="#{message['dialog.confirmacion.header']}" severity="alert" widgetVar="confirmarEliminar">
                        <p:commandButton id="btnConfEliOrdenCompra" update="dataTablaFactura" value="Si"  oncomplete="confirmarEliminar.hide()"  
                                         actionListener="#{MBCompraFacturaImportacion.eliminar}" />  
                        <p:commandButton id="btnCancEliOrdenCompra" value="No" onclick="confirmarEliminar.hide()" type="button" />   
                    </p:confirmDialog>



                </h:form>
            </f:view>
        </ui:define>
    </ui:composition>
</html>   